<template>
  <div class="order-main-info drawer-content-item">
    <el-form class="" ref="form" label-position="top" label-width="0">
      <el-row class="form-detail-top-box">
        <el-col :span="24">
          <el-form-item label="">
            <div class="fw-b font-s-20">{{info.orderNo}} - {{info.name}}</div>
          </el-form-item>
        </el-col>
        <el-col :span="5">
          <div>
            <i class="userinfo-icon el-icon-mobile-phone"></i>
            <span>{{info.phone || '-'}}</span>
          </div>
        </el-col>
        <el-col :span="7">
          <div>
            <i class="userinfo-icon el-icon-postcard"></i>
            <span>{{info.idCard || '-'}}</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <i class="userinfo-icon el-icon-user"></i>
            <span>{{info.ethnicity || '-'}}</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div>
            <i v-if="info.sexCode==1" class="userinfo-icon el-icon-female"></i>
            <i v-else class="userinfo-icon el-icon-male"></i>
            <span>{{info.sexCode==1?'女':'男'}}</span>
          </div>
        </el-col>
      </el-row>
      <el-row :gutter="20" class="form-detail-top-box">
        <el-col :span="6">
          <el-form-item label="申请产品">
            {{info.productName || '-'}}
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="申请金额">
            {{info.applyAmount}} 元
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="申请期数">
            {{info.periodNum}} 期
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="申请时间">
            {{info.applyTime}}
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script>
export default {
  name: 'OrderMainInfo',
  props: {
    info: {
      type: Object,
      default: ()=>{}
    }
  }
}
</script>

<style lang="scss" scoped>
.order-main-info{
  
}
</style>
